<template>
  <div class="container px-4 mb-10 bg-white">
    <div class="w-full bg-orange-50 text-sm leading-6 p-5 mb-10">
      <h6 class="text-orange-700 font-semibold">LuckSec Roll房规则</h6>
      <article class="text-gray-90 overflow-hidden h-16 line-clamp-2">
        <p class="mt-3">
          <b>1.官方roll房</b>
          官方roll房是由开箱网发起并管理的roll房。每个官方roll房的加入条件是规定时间内充值并达到一定金额，充值金额会在官方roll房开放前公布，并在规定时间内生效。加入官方roll房的用户可以获得由开箱网提供的奖品或特殊福利。
          官方roll房开放后，用户需要在规定时间内完成充值并达到要求，否则无法加入roll房。
        </p>
        <p class="mt-3">
          <b>2.主播roll房</b>
          主播roll房是指由主播发起并管理的roll房。每个主播roll房的加入条件是规定时间内使用主播提供的促销码充值并达到一定金额，充值金额和促销码会在主播roll房开放前公布，并在规定时间内生效。加入主播roll房的用户可以获得主播提供的奖品或特殊福利。
          官方roll房开放后，用户需要在规定时间内完成充值并达到要求，否则无法加入roll房。
        </p>
        <p class="mt-3">
          <b>3.商品奖励</b>
          每个roll房内会有一定数量的商品奖励，数量会在roll房开放前公布。如果加入roll房的用户少于商品数量，每个用户最多只能获得一件商品。如果加入roll房的用户超过商品数量，只有在商品数量内的用户可以获得商品奖励，其他用户将无法获得商品奖励。
        </p>
        <p class="mt-3"><b>4.其他规定</b></p>
        <ul class="list-disc pl-5">
          <li>roll房内商品随机发放，与进入roll房的顺序无关；</li>
          <li>非规定时间内充值无法加入roll房；</li>
          <li>开箱网保留更改规则和奖品的权利；</li>
          <li>对于任何作弊行为，开箱网有权取消用户的资格并追究其法律责任；</li>
          <li>如果有任何疑问或争议，用户可以联系开箱网客服解决。</li>
        </ul>
        <p></p>
      </article>
      <div
        class="text-orange-700 cursor-pointer hover:opacity-70 select-none mt-4"
      >
        <div class="flex items-center justify-center">
          <span>查看更多</span
          ><svg
            xmlns="http://www.w3.org/2000/svg"
            fill="none"
            viewBox="0 0 24 24"
            stroke="currentColor"
            class="h-6 w-6"
          >
            <path
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              d="M19 9l-7 7-7-7"
            ></path>
          </svg>
        </div>
      </div>
    </div>
    <div class="flex justify-between flex-col gap-5 sm:flex-row">
      <div class="flex gap-2 w-full sm:w-[700px] text-sm sm:text-base">
        <button
          :class="[
            'flex-1 last:rounded-r-2xl first:rounded-l-2xl h-16 sm:h-12 px-5 skew-x-[-30deg]',
            cur == -1 ? 'bg-variants-primary' : 'bg-gray-light',
          ]"
          @click="cur = -1"
        >
          <div
            class="skew-x-[30deg] flex flex-col sm:flex-row justify-center items-center"
          >
            我参加的
            <div
              class="sm:ml-2 rounded-xl h-6 text-xs font-semibold flex items-center pt-0.5 px-2.5 min-w-[28px] bg-white"
            >
              <!----><!----><span>0</span>
            </div>
          </div></button
        ><button
          :class="[
            'flex-1 last:rounded-r-2xl first:rounded-l-2xl h-16 sm:h-12 px-5 skew-x-[-30deg]',
            cur == 0 ? 'bg-variants-primary' : 'bg-gray-light',
          ]"
          @click="cur = 0"
        >
          <div
            class="skew-x-[30deg] flex flex-col sm:flex-row justify-center items-center"
          >
            进行中
            <div
              class="sm:ml-2 rounded-xl h-6 text-xs font-semibold flex items-center pt-0.5 px-2.5 min-w-[28px] bg-[#FEF3C7] text-[#92400E]"
            >
              <!----><span>9</span
              ><!---->
            </div>
          </div></button
        ><button
          :class="[
            'flex-1 last:rounded-r-2xl first:rounded-l-2xl h-16 sm:h-12 px-5 skew-x-[-30deg]',
            cur == 1 ? 'bg-variants-primary' : 'bg-gray-light',
          ]"
          @click="cur = 1"
        >
          <div
            class="skew-x-[30deg] flex flex-col sm:flex-row justify-center items-center"
          >
            已结束
            <div
              class="sm:ml-2 rounded-xl h-6 text-xs font-semibold flex items-center pt-0.5 px-2.5 min-w-[28px] bg-white"
            >
              <span>0</span
              ><!----><!---->
            </div>
          </div>
        </button>
      </div>
    </div>
    <div class="mt-10 grid grid-cols-1 lg:grid-cols-2 gap-3" v-show="cur == 0">
      <a
        href="/roll/LuckSec4月20000Ł福利roll房"
        class="bg-[#F5F5F5] min-h-[356px] p-5 rounded-[20px] relative cursor-pointer group hover:drop-shadow-md"
        ><div class="flex">
          <div
            class="w-[120px] sm:w-[200px] h-[180px] sm:h-[300px] mr-3 overflow-hidden rounded-lg flex-shrink-0"
          >
            <img
              class="w-full h-full object-contain"
              src="https://asset.lucksec.cn/xF0RRWKGbxhAweImngn8OGCMeTAFLvyKYhEm3qYC.jpg"
              alt=""
            />
          </div>
          <div class="flex-1 w-full">
            <div
              class="h-[80px] bg-[#FFFBEB] p-2 sm:p-5 rounded-lg text-sm font-semibold"
            >
              <div class="line-clamp-2 w-full">LuckSec4月20000Ł福利roll房</div>
            </div>
            <!---->
            <div
              class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mt-3 h-[204px] overflow-hidden"
            >
              <img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/30a86807898f6255e74bd730a8cee4bf.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/7b21edd4433e82c254463e98d299f10d.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/f823620fd8a8ea064e1cadf344d4bac6.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/f823620fd8a8ea064e1cadf344d4bac6.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/bcSdHZSmur5Fg3EvET1cC5sZoqhbsce4vLj4izSV.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/bcSdHZSmur5Fg3EvET1cC5sZoqhbsce4vLj4izSV.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/840cf25a4af1ed3cd35f46d97a545226.jpg"
                alt=""
              />
              <div
                class="w-full text-center bg-[#E2E2E2] rounded flex text-black-70 font-semibold text-lg"
              >
                <div class="m-auto">+53</div>
              </div>
            </div>
          </div>
        </div>
        <div class="mt-3 flex items-center gap-3 flex-wrap">
          <div class="flex items-center justify-between gap-2">
            <!---->
            <div
              class="bg-black-85 h-6 rounded-full text-variants-success flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke-width="1.5"
                stroke="currentColor"
                class="w-4 h-4"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">Ł 100693.80</div>
            </div>
            <div
              class="bg-black-85 h-6 rounded-full text-variants-primary flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
                fill="currentColor"
                class="w-4 h-4"
              >
                <path
                  d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">76 / 1000</div>
            </div>
          </div>
          <div class="flex items-center justify-between flex-1 min-w-[260px]">
            <div class="text-gray text-xs flex-1 h-4">
              开奖时间 2023/5/16 00:00:00
            </div>
            <a
              href="/roll/LuckSec4月20000Ł福利roll房"
              class="flex items-center text-[#F97316] group-hover:opacity-70 hover:opacity-70 text-sm gap-2"
            >
              进入房间
              <svg
                width="20"
                height="20"
                viewBox="0 0 20 20"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10.8333 7.5L13.3333 10M13.3333 10L10.8333 12.5M13.3333 10L6.66667 10M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z"
                  stroke="#F97316"
                  stroke-width="1.2"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                ></path></svg
            ></a>
          </div></div></a
      ><a
        href="/roll/LuckSec4月10000Ł福利roll房"
        class="bg-[#F5F5F5] min-h-[356px] p-5 rounded-[20px] relative cursor-pointer group hover:drop-shadow-md"
        ><div class="flex">
          <div
            class="w-[120px] sm:w-[200px] h-[180px] sm:h-[300px] mr-3 overflow-hidden rounded-lg flex-shrink-0"
          >
            <img
              class="w-full h-full object-contain"
              src="https://asset.lucksec.cn/m7aR7i4GlDPDmn7fzMPVrGTKiBU10jrpeDAHo34f.jpg"
              alt=""
            />
          </div>
          <div class="flex-1 w-full">
            <div
              class="h-[80px] bg-[#FFFBEB] p-2 sm:p-5 rounded-lg text-sm font-semibold"
            >
              <div class="line-clamp-2 w-full">LuckSec4月10000Ł福利roll房</div>
            </div>
            <!---->
            <div
              class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mt-3 h-[204px] overflow-hidden"
            >
              <img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/f823620fd8a8ea064e1cadf344d4bac6.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/f823620fd8a8ea064e1cadf344d4bac6.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/Mjy8dxeztlVUIrZqT5xW2j9da78KhYaqRSpmeBh7.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/Mjy8dxeztlVUIrZqT5xW2j9da78KhYaqRSpmeBh7.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/Mjy8dxeztlVUIrZqT5xW2j9da78KhYaqRSpmeBh7.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/Mjy8dxeztlVUIrZqT5xW2j9da78KhYaqRSpmeBh7.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/Mjy8dxeztlVUIrZqT5xW2j9da78KhYaqRSpmeBh7.jpg"
                alt=""
              />
              <div
                class="w-full text-center bg-[#E2E2E2] rounded flex text-black-70 font-semibold text-lg"
              >
                <div class="m-auto">+73</div>
              </div>
            </div>
          </div>
        </div>
        <div class="mt-3 flex items-center gap-3 flex-wrap">
          <div class="flex items-center justify-between gap-2">
            <!---->
            <div
              class="bg-black-85 h-6 rounded-full text-variants-success flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke-width="1.5"
                stroke="currentColor"
                class="w-4 h-4"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">Ł 60152.00</div>
            </div>
            <div
              class="bg-black-85 h-6 rounded-full text-variants-primary flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
                fill="currentColor"
                class="w-4 h-4"
              >
                <path
                  d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">94 / 1000</div>
            </div>
          </div>
          <div class="flex items-center justify-between flex-1 min-w-[260px]">
            <div class="text-gray text-xs flex-1 h-4">
              开奖时间 2023/5/16 00:00:00
            </div>
            <a
              href="/roll/LuckSec4月10000Ł福利roll房"
              class="flex items-center text-[#F97316] group-hover:opacity-70 hover:opacity-70 text-sm gap-2"
            >
              进入房间
              <svg
                width="20"
                height="20"
                viewBox="0 0 20 20"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10.8333 7.5L13.3333 10M13.3333 10L10.8333 12.5M13.3333 10L6.66667 10M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z"
                  stroke="#F97316"
                  stroke-width="1.2"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                ></path></svg
            ></a>
          </div></div></a
      ><a
        href="/roll/LuckSec4月2000Ł福利roll房"
        class="bg-[#F5F5F5] min-h-[356px] p-5 rounded-[20px] relative cursor-pointer group hover:drop-shadow-md"
        ><div class="flex">
          <div
            class="w-[120px] sm:w-[200px] h-[180px] sm:h-[300px] mr-3 overflow-hidden rounded-lg flex-shrink-0"
          >
            <img
              class="w-full h-full object-contain"
              src="https://asset.lucksec.cn/T33TQKifZcQdXpaNTSrwyDg7tqBZhJZnDrTTkM7A.jpg"
              alt=""
            />
          </div>
          <div class="flex-1 w-full">
            <div
              class="h-[80px] bg-[#FFFBEB] p-2 sm:p-5 rounded-lg text-sm font-semibold"
            >
              <div class="line-clamp-2 w-full">LuckSec4月2000Ł福利roll房</div>
            </div>
            <!---->
            <div
              class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mt-3 h-[204px] overflow-hidden"
            >
              <img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/7b21edd4433e82c254463e98d299f10d.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/bcSdHZSmur5Fg3EvET1cC5sZoqhbsce4vLj4izSV.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/ecfa8c93614eae9a8c56f8bccdd6601a.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/ecfa8c93614eae9a8c56f8bccdd6601a.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/ecfa8c93614eae9a8c56f8bccdd6601a.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/ecfa8c93614eae9a8c56f8bccdd6601a.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/ecfa8c93614eae9a8c56f8bccdd6601a.jpg"
                alt=""
              />
              <div
                class="w-full text-center bg-[#E2E2E2] rounded flex text-black-70 font-semibold text-lg"
              >
                <div class="m-auto">+93</div>
              </div>
            </div>
          </div>
        </div>
        <div class="mt-3 flex items-center gap-3 flex-wrap">
          <div class="flex items-center justify-between gap-2">
            <!---->
            <div
              class="bg-black-85 h-6 rounded-full text-variants-success flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke-width="1.5"
                stroke="currentColor"
                class="w-4 h-4"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">Ł 40283.00</div>
            </div>
            <div
              class="bg-black-85 h-6 rounded-full text-variants-primary flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
                fill="currentColor"
                class="w-4 h-4"
              >
                <path
                  d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">136 / 1000</div>
            </div>
          </div>
          <div class="flex items-center justify-between flex-1 min-w-[260px]">
            <div class="text-gray text-xs flex-1 h-4">
              开奖时间 2023/5/16 00:00:00
            </div>
            <a
              href="/roll/LuckSec4月2000Ł福利roll房"
              class="flex items-center text-[#F97316] group-hover:opacity-70 hover:opacity-70 text-sm gap-2"
            >
              进入房间
              <svg
                width="20"
                height="20"
                viewBox="0 0 20 20"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10.8333 7.5L13.3333 10M13.3333 10L10.8333 12.5M13.3333 10L6.66667 10M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z"
                  stroke="#F97316"
                  stroke-width="1.2"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                ></path></svg
            ></a>
          </div></div></a
      ><a
        href="/roll/抖音搜:一九（驴百万），填促销码:dz888，即可参与"
        class="bg-[#F5F5F5] min-h-[356px] p-5 rounded-[20px] relative cursor-pointer group hover:drop-shadow-md"
        ><div class="flex">
          <div
            class="w-[120px] sm:w-[200px] h-[180px] sm:h-[300px] mr-3 overflow-hidden rounded-lg flex-shrink-0"
          >
            <img
              class="w-full h-full object-contain"
              src="https://asset.lucksec.cn/6x5CFiDNw9jZzubkgb3zuZm4k79jzzQtlyHNqJYY.jpg"
              alt=""
            />
          </div>
          <div class="flex-1 w-full">
            <div
              class="h-[80px] bg-[#FFFBEB] p-2 sm:p-5 rounded-lg text-sm font-semibold"
            >
              <div class="line-clamp-2 w-full">
                抖音搜:一九（驴百万），填促销码:dz888，即可参与
              </div>
            </div>
            <!---->
            <div
              class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mt-3 h-[204px] overflow-hidden"
            >
              <img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/8589fcf5902eed35defa2aeafd504db2.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/28ecf2d74fcf03fdc296743786849d1c.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/f465215fafc26263eba729d2fb81c52d.jpg"
                alt=""
              /><!---->
            </div>
          </div>
        </div>
        <div class="mt-3 flex items-center gap-3 flex-wrap">
          <div class="flex items-center justify-between gap-2">
            <!---->
            <div
              class="bg-black-85 h-6 rounded-full text-variants-success flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke-width="1.5"
                stroke="currentColor"
                class="w-4 h-4"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">Ł 25657.00</div>
            </div>
            <div
              class="bg-black-85 h-6 rounded-full text-variants-primary flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
                fill="currentColor"
                class="w-4 h-4"
              >
                <path
                  d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">46 / 500</div>
            </div>
          </div>
          <div class="flex items-center justify-between flex-1 min-w-[260px]">
            <div class="text-gray text-xs flex-1 h-4">
              开奖时间 2023/5/16 00:00:00
            </div>
            <a
              href="/roll/抖音搜:一九（驴百万），填促销码:dz888，即可参与"
              class="flex items-center text-[#F97316] group-hover:opacity-70 hover:opacity-70 text-sm gap-2"
            >
              进入房间
              <svg
                width="20"
                height="20"
                viewBox="0 0 20 20"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10.8333 7.5L13.3333 10M13.3333 10L10.8333 12.5M13.3333 10L6.66667 10M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z"
                  stroke="#F97316"
                  stroke-width="1.2"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                ></path></svg
            ></a>
          </div></div></a
      ><a
        href="/roll/抖音关注：爱睡觉的铁某人，填写促销码nb168即可参与，nb168，一路发发发。"
        class="bg-[#F5F5F5] min-h-[356px] p-5 rounded-[20px] relative cursor-pointer group hover:drop-shadow-md"
        ><div class="flex">
          <div
            class="w-[120px] sm:w-[200px] h-[180px] sm:h-[300px] mr-3 overflow-hidden rounded-lg flex-shrink-0"
          >
            <img
              class="w-full h-full object-contain"
              src="https://asset.lucksec.cn/DYK1Pc9quaILTHpssVMfT4cFczxrVGWbsThvga4p.jpg"
              alt=""
            />
          </div>
          <div class="flex-1 w-full">
            <div
              class="h-[80px] bg-[#FFFBEB] p-2 sm:p-5 rounded-lg text-sm font-semibold"
            >
              <div class="line-clamp-2 w-full">
                抖音关注：爱睡觉的铁某人，填写促销码nb168即可参与，nb168，一路发发发。
              </div>
            </div>
            <!---->
            <div
              class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mt-3 h-[204px] overflow-hidden"
            >
              <img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/30a86807898f6255e74bd730a8cee4bf.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/28ecf2d74fcf03fdc296743786849d1c.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/7fe210c031c8e1f356abfc22425ba4a3.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/vS4XE0FhCeFCYGsIHOIgIzOqibQwkzUMeO1skY5w.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/tx49jTW2PwSCf5A65uvfVJVuDD2VB3b6cqTtJxcw.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/tx49jTW2PwSCf5A65uvfVJVuDD2VB3b6cqTtJxcw.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/tx49jTW2PwSCf5A65uvfVJVuDD2VB3b6cqTtJxcw.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/C5QLX6Rf6UbnOhP6kR2tmkygIjYl0Z4e2oEcXjgg.jpg"
                alt=""
              /><!---->
            </div>
          </div>
        </div>
        <div class="mt-3 flex items-center gap-3 flex-wrap">
          <div class="flex items-center justify-between gap-2">
            <!---->
            <div
              class="bg-black-85 h-6 rounded-full text-variants-success flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke-width="1.5"
                stroke="currentColor"
                class="w-4 h-4"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">Ł 23882.00</div>
            </div>
            <div
              class="bg-black-85 h-6 rounded-full text-variants-primary flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
                fill="currentColor"
                class="w-4 h-4"
              >
                <path
                  d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">21 / 500</div>
            </div>
          </div>
          <div class="flex items-center justify-between flex-1 min-w-[260px]">
            <div class="text-gray text-xs flex-1 h-4">
              开奖时间 2023/5/16 00:00:00
            </div>
            <a
              href="/roll/抖音关注：爱睡觉的铁某人，填写促销码nb168即可参与，nb168，一路发发发。"
              class="flex items-center text-[#F97316] group-hover:opacity-70 hover:opacity-70 text-sm gap-2"
            >
              进入房间
              <svg
                width="20"
                height="20"
                viewBox="0 0 20 20"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10.8333 7.5L13.3333 10M13.3333 10L10.8333 12.5M13.3333 10L6.66667 10M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z"
                  stroke="#F97316"
                  stroke-width="1.2"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                ></path></svg
            ></a>
          </div></div></a
      ><a
        href="/roll/抖音关注：夜寒。填写促销码he99参与即中，想参与和已参加的找主播留言，领取额外福利。"
        class="bg-[#F5F5F5] min-h-[356px] p-5 rounded-[20px] relative cursor-pointer group hover:drop-shadow-md"
        ><div class="flex">
          <div
            class="w-[120px] sm:w-[200px] h-[180px] sm:h-[300px] mr-3 overflow-hidden rounded-lg flex-shrink-0"
          >
            <img
              class="w-full h-full object-contain"
              src="https://asset.lucksec.cn/ajXm2B9eAr6MNaZfmUZi66Iqbp7mz0lHTzFuBOSQ.jpg"
              alt=""
            />
          </div>
          <div class="flex-1 w-full">
            <div
              class="h-[80px] bg-[#FFFBEB] p-2 sm:p-5 rounded-lg text-sm font-semibold"
            >
              <div class="line-clamp-2 w-full">
                抖音关注：夜寒。填写促销码he99参与即中，想参与和已参加的找主播留言，领取额外福利。
              </div>
            </div>
            <!---->
            <div
              class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mt-3 h-[204px] overflow-hidden"
            >
              <img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/f823620fd8a8ea064e1cadf344d4bac6.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/C5QLX6Rf6UbnOhP6kR2tmkygIjYl0Z4e2oEcXjgg.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/C5QLX6Rf6UbnOhP6kR2tmkygIjYl0Z4e2oEcXjgg.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/2Z0LxGSZp4zyBBF9WC8pkx3qZw69xkbiUj217jQJ.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/2Z0LxGSZp4zyBBF9WC8pkx3qZw69xkbiUj217jQJ.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/2Z0LxGSZp4zyBBF9WC8pkx3qZw69xkbiUj217jQJ.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/vPUjucn06lyAYkTSxak1UsIae9OD8Oq1ikJ3aTzp.jpg"
                alt=""
              />
              <div
                class="w-full text-center bg-[#E2E2E2] rounded flex text-black-70 font-semibold text-lg"
              >
                <div class="m-auto">+32</div>
              </div>
            </div>
          </div>
        </div>
        <div class="mt-3 flex items-center gap-3 flex-wrap">
          <div class="flex items-center justify-between gap-2">
            <!---->
            <div
              class="bg-black-85 h-6 rounded-full text-variants-success flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke-width="1.5"
                stroke="currentColor"
                class="w-4 h-4"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">Ł 9321.50</div>
            </div>
            <div
              class="bg-black-85 h-6 rounded-full text-variants-primary flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
                fill="currentColor"
                class="w-4 h-4"
              >
                <path
                  d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">36 / 500</div>
            </div>
          </div>
          <div class="flex items-center justify-between flex-1 min-w-[260px]">
            <div class="text-gray text-xs flex-1 h-4">
              开奖时间 2023/5/16 00:00:00
            </div>
            <a
              href="/roll/抖音关注：夜寒。填写促销码he99参与即中，想参与和已参加的找主播留言，领取额外福利。"
              class="flex items-center text-[#F97316] group-hover:opacity-70 hover:opacity-70 text-sm gap-2"
            >
              进入房间
              <svg
                width="20"
                height="20"
                viewBox="0 0 20 20"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10.8333 7.5L13.3333 10M13.3333 10L10.8333 12.5M13.3333 10L6.66667 10M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z"
                  stroke="#F97316"
                  stroke-width="1.2"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                ></path></svg
            ></a>
          </div></div></a
      ><a
        href="/roll/抖音关注:夏夏i，填写促销码：x99360，即可参与，roll房不中额外送最低300cdk"
        class="bg-[#F5F5F5] min-h-[356px] p-5 rounded-[20px] relative cursor-pointer group hover:drop-shadow-md"
        ><div class="flex">
          <div
            class="w-[120px] sm:w-[200px] h-[180px] sm:h-[300px] mr-3 overflow-hidden rounded-lg flex-shrink-0"
          >
            <img
              class="w-full h-full object-contain"
              src="https://asset.lucksec.cn/2G7cbyGrNrjh8Es2KWJeqSHs1ewyY6pFRIYJReC1.png"
              alt=""
            />
          </div>
          <div class="flex-1 w-full">
            <div
              class="h-[80px] bg-[#FFFBEB] p-2 sm:p-5 rounded-lg text-sm font-semibold"
            >
              <div class="line-clamp-2 w-full">
                抖音关注:夏夏i，填写促销码：x99360，即可参与，roll房不中额外送最低300cdk
              </div>
            </div>
            <!---->
            <div
              class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mt-3 h-[204px] overflow-hidden"
            >
              <img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/f823620fd8a8ea064e1cadf344d4bac6.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/f823620fd8a8ea064e1cadf344d4bac6.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/vS4XE0FhCeFCYGsIHOIgIzOqibQwkzUMeO1skY5w.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/vS4XE0FhCeFCYGsIHOIgIzOqibQwkzUMeO1skY5w.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/vS4XE0FhCeFCYGsIHOIgIzOqibQwkzUMeO1skY5w.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/tx49jTW2PwSCf5A65uvfVJVuDD2VB3b6cqTtJxcw.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/tx49jTW2PwSCf5A65uvfVJVuDD2VB3b6cqTtJxcw.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/tx49jTW2PwSCf5A65uvfVJVuDD2VB3b6cqTtJxcw.jpg"
                alt=""
              /><!---->
            </div>
          </div>
        </div>
        <div class="mt-3 flex items-center gap-3 flex-wrap">
          <div class="flex items-center justify-between gap-2">
            <!---->
            <div
              class="bg-black-85 h-6 rounded-full text-variants-success flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke-width="1.5"
                stroke="currentColor"
                class="w-4 h-4"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">Ł 23681.00</div>
            </div>
            <div
              class="bg-black-85 h-6 rounded-full text-variants-primary flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
                fill="currentColor"
                class="w-4 h-4"
              >
                <path
                  d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">13 / 500</div>
            </div>
          </div>
          <div class="flex items-center justify-between flex-1 min-w-[260px]">
            <div class="text-gray text-xs flex-1 h-4">
              开奖时间 2023/5/16 00:00:00
            </div>
            <a
              href="/roll/抖音关注:夏夏i，填写促销码：x99360，即可参与，roll房不中额外送最低300cdk"
              class="flex items-center text-[#F97316] group-hover:opacity-70 hover:opacity-70 text-sm gap-2"
            >
              进入房间
              <svg
                width="20"
                height="20"
                viewBox="0 0 20 20"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10.8333 7.5L13.3333 10M13.3333 10L10.8333 12.5M13.3333 10L6.66667 10M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z"
                  stroke="#F97316"
                  stroke-width="1.2"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                ></path></svg
            ></a>
          </div></div></a
      ><a
        href="/roll/抖音关注懂箱帝，每天晚上9点直播，roll房不中有额外奖励"
        class="bg-[#F5F5F5] min-h-[356px] p-5 rounded-[20px] relative cursor-pointer group hover:drop-shadow-md"
        ><div class="flex">
          <div
            class="w-[120px] sm:w-[200px] h-[180px] sm:h-[300px] mr-3 overflow-hidden rounded-lg flex-shrink-0"
          >
            <img
              class="w-full h-full object-contain"
              src="https://asset.lucksec.cn/wzZPx2kQ6tJEIGNmeNDKoZffYAmWGaGejzxoFmVV.jpg"
              alt=""
            />
          </div>
          <div class="flex-1 w-full">
            <div
              class="h-[80px] bg-[#FFFBEB] p-2 sm:p-5 rounded-lg text-sm font-semibold"
            >
              <div class="line-clamp-2 w-full">
                抖音关注懂箱帝，每天晚上9点直播，roll房不中有额外奖励
              </div>
            </div>
            <!---->
            <div
              class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mt-3 h-[204px] overflow-hidden"
            >
              <img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/30a86807898f6255e74bd730a8cee4bf.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/C5QLX6Rf6UbnOhP6kR2tmkygIjYl0Z4e2oEcXjgg.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/C5QLX6Rf6UbnOhP6kR2tmkygIjYl0Z4e2oEcXjgg.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/C5QLX6Rf6UbnOhP6kR2tmkygIjYl0Z4e2oEcXjgg.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/C5QLX6Rf6UbnOhP6kR2tmkygIjYl0Z4e2oEcXjgg.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/C5QLX6Rf6UbnOhP6kR2tmkygIjYl0Z4e2oEcXjgg.jpg"
                alt=""
              /><!---->
            </div>
          </div>
        </div>
        <div class="mt-3 flex items-center gap-3 flex-wrap">
          <div class="flex items-center justify-between gap-2">
            <!---->
            <div
              class="bg-black-85 h-6 rounded-full text-variants-success flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke-width="1.5"
                stroke="currentColor"
                class="w-4 h-4"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">Ł 10769.00</div>
            </div>
            <div
              class="bg-black-85 h-6 rounded-full text-variants-primary flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
                fill="currentColor"
                class="w-4 h-4"
              >
                <path
                  d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">21 / 500</div>
            </div>
          </div>
          <div class="flex items-center justify-between flex-1 min-w-[260px]">
            <div class="text-gray text-xs flex-1 h-4">
              开奖时间 2023/5/16 00:00:00
            </div>
            <a
              href="/roll/抖音关注懂箱帝，每天晚上9点直播，roll房不中有额外奖励"
              class="flex items-center text-[#F97316] group-hover:opacity-70 hover:opacity-70 text-sm gap-2"
            >
              进入房间
              <svg
                width="20"
                height="20"
                viewBox="0 0 20 20"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10.8333 7.5L13.3333 10M13.3333 10L10.8333 12.5M13.3333 10L6.66667 10M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z"
                  stroke="#F97316"
                  stroke-width="1.2"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                ></path></svg
            ></a>
          </div></div></a
      ><a
        href="/roll/抖音搜索彭以念，填写促销码nn0824，即可参与"
        class="bg-[#F5F5F5] min-h-[356px] p-5 rounded-[20px] relative cursor-pointer group hover:drop-shadow-md"
        ><div class="flex">
          <div
            class="w-[120px] sm:w-[200px] h-[180px] sm:h-[300px] mr-3 overflow-hidden rounded-lg flex-shrink-0"
          >
            <img
              class="w-full h-full object-contain"
              src="https://asset.lucksec.cn/VQwLUOPgn6P3bUNnXSQ0EzN4A82Jsw08EehZgA8e.jpg"
              alt=""
            />
          </div>
          <div class="flex-1 w-full">
            <div
              class="h-[80px] bg-[#FFFBEB] p-2 sm:p-5 rounded-lg text-sm font-semibold"
            >
              <div class="line-clamp-2 w-full">
                抖音搜索彭以念，填写促销码nn0824，即可参与
              </div>
            </div>
            <!---->
            <div
              class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mt-3 h-[204px] overflow-hidden"
            >
              <img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/products/7b21edd4433e82c254463e98d299f10d.png"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/bbQppEe9dqtBDKmwozRWcxUjKceYeqvpNck7vQXV.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/tx49jTW2PwSCf5A65uvfVJVuDD2VB3b6cqTtJxcw.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/C5QLX6Rf6UbnOhP6kR2tmkygIjYl0Z4e2oEcXjgg.jpg"
                alt=""
              /><img
                class="w-24 h-24 object-contain bg-white rounded-lg"
                src="https://asset.lucksec.cn/C5QLX6Rf6UbnOhP6kR2tmkygIjYl0Z4e2oEcXjgg.jpg"
                alt=""
              /><!---->
            </div>
          </div>
        </div>
        <div class="mt-3 flex items-center gap-3 flex-wrap">
          <div class="flex items-center justify-between gap-2">
            <!---->
            <div
              class="bg-black-85 h-6 rounded-full text-variants-success flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke-width="1.5"
                stroke="currentColor"
                class="w-4 h-4"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">Ł 10881.00</div>
            </div>
            <div
              class="bg-black-85 h-6 rounded-full text-variants-primary flex items-center text-xs font-semibold px-3"
            >
              <svg
                xmlns="http://www.w3.org/2000/svg"
                viewBox="0 0 20 20"
                fill="currentColor"
                class="w-4 h-4"
              >
                <path
                  d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"
                ></path>
              </svg>
              <div class="pl-2 h-4">19 / 500</div>
            </div>
          </div>
          <div class="flex items-center justify-between flex-1 min-w-[260px]">
            <div class="text-gray text-xs flex-1 h-4">
              开奖时间 2023/5/16 00:00:00
            </div>
            <a
              href="/roll/抖音搜索彭以念，填写促销码nn0824，即可参与"
              class="flex items-center text-[#F97316] group-hover:opacity-70 hover:opacity-70 text-sm gap-2"
            >
              进入房间
              <svg
                width="20"
                height="20"
                viewBox="0 0 20 20"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M10.8333 7.5L13.3333 10M13.3333 10L10.8333 12.5M13.3333 10L6.66667 10M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z"
                  stroke="#F97316"
                  stroke-width="1.2"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                ></path></svg
            ></a>
          </div></div></a
      ><!---->
    </div>
    <div
      class="h-[500px] w-full flex items-center justify-center"
      v-show="cur == -1 || cur == 1"
    >
      没有找到房间~
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      cur: 0,
    };
  },
};
</script>
<style lang="" scoped></style>
